@charset "utf-8";
/* CSS Document */
body{background:#f9f9f9;}
.header{background:#fff;}

.wz{border-bottom:1px solid #e9e9e9; 
height:40px; margin:auto; 
margin-top:20px; width:1200px;}
.wz h2{margin:0px;
 padding:0px; 
float:left; 
border-bottom:1px solid #049cc1; 
height:40px;}
.wz h2 b{border-left:4px solid #049cc1; 
color:#666; height:23px; 
line-height:23px; 
padding-left:5px; 
margin-top:8px; 
display:block;}
.wz span{display:block; 
line-height:40px; 
float:right; 
background:url(../images/my09.png) no-repeat center left; 
padding-left:15px; 
font-size:12px;}

.lb{width:1200px; margin:auto; 
margin-top:18px; 
padding:2px 0; 
overflow:hidden;}
.lb ul li{float:left;}
.lb ul li a{display:block; 
padding:8px 30px; 
background:#fff; 
margin-right:20px; 
box-shadow:1px 1px 1px 1px #e9e9e9;}
.lb ul li a:hover,.lb ul li a.clickclass{background:#049cc1; color:#fff;}

.bj{width:1200px; 
background:#fff; 
box-shadow:1px 1px 1px 2px #f1f1f1; 
padding:0 0 20px 0; 
margin:auto; 
margin-top:18px; 
overflow:hidden;}

.bj .about{padding:20px 50px 0 50px; 
font-size:16px; 
line-height:30px; 
text-indent:2em; 
color:#555; 
text-align:justify; 
text-justify:inter-ideograph; 
overflow:hidden;}
/*******product********/
.bj .productlist{padding-left:10px; 
width:1200px; 
overflow:hidden;}
.bj .productlist ul li{width:280px; 
float:left; 
margin:20px 20px 0 0; 
overflow:hidden;}
.bj .productlist ul li dd{margin:0px; 
padding:0px; 
border:1px solid #f6f6f6; 
padding:1px; 
overflow:hidden;}
.bj .productlist ul li dd a{display:table-cell; 
position:relative; 
text-align:center; 
vertical-align:middle; 
width:276px; height:180px; 
overflow:hidden;}
.bj .productlist ul li dd a img{max-height:180px; 
transition:all 0.5s; 
max-width:276px;}
.bj .productlist ul li dd a:hover img{transform:scale(1.1);}
.bj .productlist ul li h4{margin:0px; 
padding:0px; 
text-align:center; 
font-weight:100;}



/******news*******/
.bj .newslist{padding:0 20px;}
.bj .newslist ul li{margin-top:20px; 
background:#fff;
 padding:10px; 
transition:all 0.5s;
border-bottom:1px dotted #e9e9e9; 
 overflow:hidden;}
.bj .newslist ul li:hover{box-shadow:2px 2px 2px 2px #e9e9e9;}
.bj .newslist ul li:hover dd{float:left; 
width:890px;
 margin:0px; 
padding:0px 0 0 46px; 
overflow:hidden;}

.bj .newslist ul li .pic{display:block; 
width:200px; 
height:130px; 
padding:1px; 
border:1px solid #e9e9e9; 
float:left;}
.bj .newslist ul li .pic img{display:block; 
width:200px; 
height:130px;}
.bj .newslist ul li dd{float:left; 
width:890px; 
margin:0px; 
padding:0px 0 0 30px; 
transition:all 0.5s; 
overflow:hidden;}
.bj .newslist ul li dd h3{margin:0px; 
padding:0px;}
.bj .newslist ul li dd h3 a{color:#666;}
.bj .newslist ul li dd h3 a:hover{color:#049cc1;}
.bj .newslist ul li dd h3 span{float:right; 
font-weight:100; 
font-size:14px; 
color:#999;}
.bj .newslist ul li dd p{margin:10px 0 0 0; 
line-height:25px; 
font-size:15px; 
color:#999; text-indent:2em;}
.bj .newslist ul li dd p a{color:#049cc1;}
.bj .newslist ul li dd p a:hover{text-decoration:underline;}
